<template>
  <div>
    <label><input type="checkbox" v-model="check">{{ title }}</label>
  </div>
</template>

<script>
export default {
  props:["title", "checked", "iId"],
  computed:{
    check:{
      get(){
        return this.checked;
      },
      set(val){
        // 当复选框的选中状态被修改时，将选中状态发送给父组件
        this.$emit("setCheck", val, this.iId);
      }
    }
  }
}
</script>